<template>
  <div class="home">
      <Category />
      <Banner />
      <Lists />
      <NavBottom />
  </div>
</template>

<script>
import Category from './Category'
import Banner from './Banner'
import Lists from './Lists'
import NavBottom from '../NavBottom'

export default {
    data () {
        return {
            msg: '首页'
        }
    },
    components: {
        Category,
        Lists,
        Banner,
        NavBottom
    }
}
</script>

<style>
.home {
    width: 100%;
    padding-bottom: 50px;
}
</style>
